@import "~ares-uikit/lib/style/base/variables.less";

.data-sort-item-warpper {
    padding: 0 5px;
    font-size: @font-size-base;
    color: @color-text-caption;
    cursor: pointer;

    .name {
        display: block;
        text-align: center;

        .active {
            color: @color-text-secondary;
        }
    }

    .text {
        display: inline-block;
        vertical-align: middle;
    }

    .indicator {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: @icon-size-sm;
        height: @icon-size-sm;
    }

    .appIcon {
        position: absolute;
        left: 0;
        top: 0;
        color: @color-text-placeholder;

        &.icon-xialazhankai {
            top: 3px;
        }

        &.icon-xiangshang {
            top: -3px;
        }

        &.active {
            color: @color-text-secondary;
        }
    }

    
}
